<template>
   <div class="main">
       <div class="showBox">
           <div class="title">
               <img src="../../../static/image/Accept-btn.png" alt="">
               <h2>您共投入<i>{{ this.$route.params.number.split('|')[0]}}</i>枚{{this.$route.params.number.split('|')[1]}}种子</h2>
           </div>
           <div class="tips">
               <p>等待开奖中~</p>
           </div>
           <div class="imgs">
                <button  @click="know">我知道了</button>
           </div>
       </div>
   </div>
</template>
<script>
export default {
    name: "digSuccess",
        methods:{
        know(){
            this.$router.push({path:'/seed/0'});
        }
    }
}
</script>
<style scoped>
.main{
    width: 100vw;
    height: 100vh;
    background:  url("../../../static/image/ginsengbg.png") no-repeat center;
    background-size: 100% 100%;
    padding-top: 45%;
}
.showBox{
    width: 443px;
	height: 202px;
    background: url('../../../static/image/showWin2.png') no-repeat center;
    background-size: 100% 100%;
    margin: 0 auto;
    padding: 40px 25px;
}
.showBox .title,.showBox .tips{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}
.showBox .title img{
    width: 37px;
    height: 37px;
}
.showBox .title h2{
    font-size: 22px;
    color: #ffffff;
    text-shadow: 0 2px #3a230a, -2px 0 #3a230a, -2px 2px #3a230a, -2px 1px #3a230a;
    margin-left: -71px;
}
.showBox .title i{
    text-shadow: 0 2px #c32322, -2px 0 #c32322, -2px 2px #c32322, -2px 1px #c32322;
    font-style: normal;
    margin: 0 6px;
}
.showBox .tips{
    margin-bottom: 18%;
}
.showBox .tips p{
    margin-left: -100px;
    margin-top:6px;
    font-size: 16px;
    color:#ffffff;
    text-shadow: 0 2px #a56a2c, -2px 0 #a56a2c, -1px 2px #a56a2c, -1px 1px #a56a2c;
}
.showBox .imgs{
    display: flex;
    justify-content: flex-end;
    padding-right: 20px;
}
.imgs button{
    width: 161px;
	  height: 47px;
    background: url('../../../static/image/rcode-btn.png') no-repeat center;
    border: none;
    background-size: 100% 100%;
    font-size: 20px;
    color: #ffffff;
    font-weight: bold;
    text-shadow: -3px 0px 4px #9f6946, 2px 0px 2px #9f6946;
    line-height: 39px;
}
</style>

